<!doctype html>
<html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<meta name="Author" content="">
		<title>table 表格元素练习</title>
		<link rel="icon" href="../static/image/akl.ico" type="image/x-icon/">
		<style>
		table{
			width:800px;
			height:600px;
			margin:50px auto;
			background-color:pink;
			text-align:center;
		/* 	border:2px solid black; */
			/* border-radius:50px; */
			border-collapse:collapse; 
		}
		tr,td{/* border:2px solid black; */

		}
		th{
		line-height:80px;
		background-color:black;
		color:snow;
		border-bottom:4px solid snow;
		}
		.title{
			border-right:4px solid snow;
			border-top:4px solid snow;
			}
		.title1{
		border-top:4px solid snow;
		background-color:snow;
		}
		.title2{
		border-top:4px solid snow;
		/* background-color:snow; */
		}

		</style>
	</head>
	<body>
	
		<table>
		<tr>
			<th colspan="2">《课程一》静态网站开发</th>
		</tr>
		<tr>
			<td class="title">第一章</td>
			<td>《基础班开班典礼》</td>
		</tr>
		<tr>
			<td class="title1" colspan="2">（互联网概述|生么是网站|什么是网页|构成网页的元素|网站制作流程详解|怎么样才能学好拿高薪|WEB开发职业的前途|WBE开发前端课程目标）</td>
		</tr>
		<tr>
			<td class="title">第二章</td>
			<td>html常用标签+背景</td>
		</tr>
		<tr>
			<td class="title1" colspan="2"></td>
		</tr>
		<tr>
			<td class="title">第三章</td>
			<td>元素选择+背景</td>
		</tr>
		<tr>
			<td  class="title1" colspan="2"></td>
		</tr>
		<tr>
			<td class="title" rowspan="3">第四章</td>
			<td>css样式（font+text）+特殊符号</td>
		</tr>
		<tr>
			<td class="title2">特殊符号</td>
		</tr>
		<tr>
		<td class="title2">（font+text）</td>
		</tr>
		
		</table>
	</body>
</html>